<template>
    <div>
        <!-- 视图 -->
        <router-view></router-view>
        <!-- 底部标签栏配置tabbar可以切换路由 -->
        <van-tabbar v-model="active">
            <van-tabbar-item replace to="/home/sy" icon="home-o">首页</van-tabbar-item>
            <van-tabbar-item replace to="/home/classify" icon="star-o">分类</van-tabbar-item>
            <van-tabbar-item replace to="/home/find" icon="friends-o">发现</van-tabbar-item>
            <van-tabbar-item replace to="/home/shopping" icon="cart-o">购物车</van-tabbar-item>
            <van-tabbar-item replace to="/home/my" icon="manager-o">我的</van-tabbar-item>
        </van-tabbar>
    </div>
</template>

<script setup>
import { ref } from 'vue'
const active = ref(0)
</script>

<style lang="scss" scoped></style>